<template>
  <div>
    <div class="top-nav">
      <div class="nav-logo">
        <i class="fa-solid fa-paper-plane"></i>
        <span>小红书运营工具</span>
      </div>
    </div>

 <!-- 主内容区域 -->
  <div class="main-content">
    <div class="policy-card">
      <h1 class="policy-title">隐私政策</h1>

      <!-- 引言部分 -->
      <div class="section-content">
        <p>本平台尊重并保护所有使用服务用户的个人隐私。为了给您提供更准确、更有个性化的服务，本平台会按照本隐私政策的规定使用和披露您的个人信息。但本平台将以高度的勤勉、审慎义务对待这些信息。除本隐私政策另有规定外，在未征得您事先许可的情况下，本平台不会将这些信息对外披露或向第三方提供。本平台会不时更新本隐私政策。您在同意本平台服务使用协议之时，即视为您已经同意本隐私政策全部内容。本隐私政策属于本平台服务使用协议不可分割的一部分。</p>
      </div>

      <!-- 收集信息部分 -->
      <h2 class="section-header">一、信息收集与使用</h2>
      <div class="section-content">
        <p>在您使用本平台网络服务，或访问本平台网页时，本平台自动接收并记录您的浏览器和服务器日志中包含的信息，包括但不限于您的IP地址、浏览器的类型、使用的语言、访问日期和时间、软硬件特征信息及您需求的网页记录等数据。</p>
        <p>对于您在使用本平台特定服务时所提供的与个人身份有关的信息，例如姓名、手机号码、电子邮箱、银行卡信息等，本平台将严格按照本隐私政策进行管理。</p>
        <p>本平台可能会根据服务需要收集您的位置信息、设备信息等，以便为您提供更个性化的服务。</p>
      </div>

      <!-- 使用目的部分 -->
      <h2 class="section-header">二、信息使用目的</h2>
      <div class="section-content">
        <p>本平台收集您的个人信息的主要目的是为您提供服务，以及提升服务质量。具体包括但不限于：</p>
        <ul>
          <li>创建和管理您的账户</li>
          <li>提供和改进我们的服务</li>
          <li>理解用户偏好和行为，以开发新的服务和功能</li>
          <li>与您沟通，包括发送服务通知、营销信息等</li>
          <li>确保我们服务的安全性，防止欺诈和滥用</li>
          <li>满足法律法规的要求</li>
        </ul>
      </div>

      <!-- 信息共享部分 -->
      <h2 class="section-header">三、信息共享</h2>
      <div class="section-content">
        <p>除以下情况外，本平台不会将您的个人信息与第三方共享：</p>
        <ul>
          <li>事先获得您的明确授权</li>
          <li>根据法律法规的要求，或响应合法的政府请求</li>
          <li>在紧急情况下，为保护本平台用户或公众的安全</li>
          <li>与我们的关联公司、合作伙伴共享，用于提供相关服务</li>
          <li>在涉及合并、收购或资产转让时的信息披露</li>
        </ul>
        <p>我们可能会与第三方服务提供商（如支付处理商、数据分析公司等）共享您的信息，但仅用于必要的服务提供目的，并要求他们采取适当的保密和安全措施。</p>
      </div>

      <!-- 信息存储和保护部分 -->
      <h2 class="section-header">四、信息存储和保护</h2>
      <div class="section-content">
        <p>本平台会采用符合业界标准的安全防护措施，包括但不限于加密技术、访问控制等，来保护您的个人信息不被未经授权的访问、使用或披露。</p>
        <p>您的个人信息将存储在我们的服务器或第三方服务提供商的服务器上，这些服务器位于符合隐私保护法规要求的地区。</p>
        <p>尽管我们采取了合理的安全措施，但请注意，没有任何在线服务是100%安全的。因此，我们无法保证您的信息绝对安全。</p>
      </div>

      <!-- 用户权利部分 -->
      <h2 class="section-header">五、用户权利</h2>
      <div class="section-content">
        <p>您有权访问、更正或删除您的个人信息。您也可以随时限制或撤回您的授权同意。</p>
        <p>您可以通过账户设置或联系我们的客服团队来行使这些权利。我们会在合理的时间内响应您的请求。</p>
        <p>如果您决定不再使用我们的服务，您可以申请注销账户。在账户注销后，我们将删除您的个人信息，或进行匿名化处理，法律法规另有规定的除外。</p>
      </div>

      <!-- 政策更新部分 -->
      <h2 class="section-header">六、政策更新</h2>
      <div class="section-content">
        <p>本平台可能会不时更新本隐私政策。当我们进行重大变更时，我们将通过在本平台显著位置发布公告或通过其他方式通知您。</p>
        <p>我们鼓励您定期查看本隐私政策，以了解我们如何保护您的信息。您继续使用我们的服务即表示您同意接受更新后的隐私政策。</p>
      </div>

      <!-- 联系我们部分 -->
      <h2 class="section-header">七、联系我们</h2>
      <div class="section-content">
        <p>如果您对本隐私政策有任何疑问、意见或建议，或者您认为我们没有按照本隐私政策处理您的信息，请通过以下方式联系我们：</p>
        <p>邮箱：support@example.com</p>
        <p>电话：400-123-4567</p>
        <p>地址：北京市朝阳区XX大厦XX层</p>
      </div>

      <!-- 页脚部分 -->
      <div class="policy-footer">
        <p>© 2025 小红书运营工具 版权所有</p>
        <p>最后更新日期：2025年5月19日</p>
      </div>
    </div>
  </div>
  </div>
</template>

<script>
export default {
  name: "AppView",
  components: {
  },
  data() {
    return {  };
  }
}
</script>

<style scoped lang="scss">
.nav-logo {
  color: var(--primary-color);
  font-size: 24px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.nav-logo i {
  margin-right: 10px;
}


.policy-card {
  background-color: white;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  padding: 40px;
  margin: 20px 0;
}

.policy-title {
  font-size: 28px;
  font-weight: bold;
  color: var(--primary-color);
  text-align: center;
  margin-bottom: 30px;
}

.section-header {
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  margin: 30px 0 15px;
  border-left: 4px solid var(--primary-color);
  padding-left: 10px;
}

.section-content {
  line-height: 1.8;
  color: #666666;
  margin-bottom: 20px;
}

.section-content ul {
  list-style-type: disc;
  padding-left: 30px;
}

.policy-footer {
  text-align: center;
  color: var(--gray-color);
  margin-top: 40px;
}

@media (max-width: 768px) {
  .policy-card {
    padding: 30px 20px;
  }

  .policy-title {
    font-size: 24px;
  }

  .section-header {
    font-size: 18px;
  }
}
</style>
